<template>
	<div class="setting-account-notification">
		<h2>新消息通知</h2>
		<div class="ivu-mt ivu-pl ivu-pr">
			<Row type="flex" justify="center" align="middle">
				<Col span="22">
					<h4>陌生人私信</h4>
					<p>未关注的人向您发私信时的通知</p>
				</Col>
				<Col span="2" class="ivu-text-right">
					<Switch :value="true">
						<template #open>开</template>
						<template #close>关</template>
					</Switch>
				</Col>
			</Row>
			<Divider />
			<Row type="flex" justify="center" align="middle">
				<Col span="22">
					<h4>邀请/评论消息</h4>
					<p>有人对我发出邀请时，我会收到消息通知</p>
				</Col>
				<Col span="2" class="ivu-text-right">
					<Switch :value="false">
						<template #open>开</template>
						<template #close>关</template>
					</Switch>
				</Col>
			</Row>
			<Divider />
			<Row type="flex" justify="center" align="middle">
				<Col span="22">
					<h4>赞同/赞赏消息设置</h4>
					<p>有人对我赞同或赞赏时，我会收到消息通知</p>
				</Col>
				<Col span="2" class="ivu-text-right">
					<Switch :value="true">
						<template #open>开</template>
						<template #close>关</template>
					</Switch>
				</Col>
			</Row>
			<Divider />
			<Row type="flex" justify="center" align="middle">
				<Col span="22">
					<h4>邮件设置</h4>
					<p>重要事件发生时，我将会收到邮件提醒</p>
				</Col>
				<Col span="2" class="ivu-text-right">
					<Switch :value="true">
						<template #open>开</template>
						<template #close>关</template>
					</Switch>
				</Col>
			</Row>
		</div>
	</div>
</template>
<script>
	export default {
		name: 'accountNotification',
		data () {
			return {}
		}
	}
</script>
<style lang="less">
	.setting-account-notification {
		.ivu-col{
			p {
				margin-top: 8px;
				color: #808695;
			}
		}
	}
</style>
